<template>
    <div class="login_panel">
        <!-- logo部分 -->
        <div class="logo">
            <img src="./../../icons/反白logo@2x.png" width="200" height="40" alt="">
        </div>
        <!-- 登录窗口 -->
        <div class="login_box">
            <img src="../../images/wenone.png" width="19" height="17" alt="" class="one">
            <img src="../../images/wentwo.png" width="58" alt="75" height="50" class="two">
            <p class="lg_title">智能表单</p>
            <p class="welcome">欢迎回来</p>
            <div class="login_form">
                <div class="emailCent">
                    <p class="emailTip">请输入注册邮箱</p>
                    <input type="email" class="emailIn" placeholder="">
                    <img class="chahao" src="http://api-lunacy.icons8.com/api/assets/cd1f1a92-8a2b-4c51-af59-55c733cc9dfb/btn_x.png" alt="">
                    <span class="tips">未注册邮箱</span>
                </div>
                <div class="passwordCent">
                    <p class="passwTip">请输入密码</p>
                    <input type="password" class="passwordIn">
                    <img class="chahao" src="http://api-lunacy.icons8.com/api/assets/cd1f1a92-8a2b-4c51-af59-55c733cc9dfb/btn_x.png" alt="">
                    <img class="visibles" src="http://api-lunacy.icons8.com/api/assets/b984f56e-9105-4314-a202-66ce3326aa52/btn_睁眼.png" alt="">
                    <span class="tips">密码错误</span>
                </div>
            </div>
            <div class="install">
                <el-checkbox v-model="checked" class="keepingLogin">保持登录状态</el-checkbox>
                <span class="gotoForget">忘记密码?</span>
            </div>
            <div class="goinNow">
                立即登录
            </div>
            <div class="thirdLogin">
                <hr> <span>更多登录方式</span>
                <hr>
            </div>
            <div class="weixinAndQQ">
                <img src="../../images/weixin.png" alt="">
                <img src="../../images/qq.png" alt="">
            </div>
            <div class="login_bottom" @click="gotoRegister">
                <p class="gotoRegister">还有账号？ 去注册</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            checked: true
        };
    },
    methods:{
        gotoRegister(){
            this.$router.push("/register")
        }
    }
}
</script>

<style lang="less" scoped>
@import url('./login.less');
</style>


